<!-- 04：使用
    1.结构
    详见下面注释 -->
<!-- 05：标题和表头单元格
    (1)标题
    1.标签
    caption(作表格标题，只能在table中使用，只能在table中使用一次，只能在table的第一行和列中使用，中间写标题内容)
    (2)表头单元格
    1.标签
    th(类似于tr中的td，加粗居中)
    -->
<!-- 06:结构标签
    1.标签
    thead(表头,包含住th)
    tbody（表身,包含住tr和td）
    tfoot（表尾,包含住tr和td）-->
<!-- 07:合并单元格
    1.属性
    上下合并加属性rawspan="合并的行数"
    左右合并加属性colspan="合并的列数"
    2.原则
    保留左上，删右下
    在左上的td/th中加属性
    3.注意
    不能跨thead tbody tfoot合并
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table border="1">
    <!-- 建表格先写table，作最外层框架 -->
        <caption><strong>2024届优秀毕业生</strong></caption>
        <!-- 标题 -->
        <thead>
            <!-- 表头 -->
                <th>姓名</th>
                <th>分数</th>
                <th>排名</th>
        </thead>
        <tbody>
            <!-- 表身 -->
            <tr>
            <!-- 行 -->
                <td>王栋梁</td>
                <!-- 格 -->
                <td>619</td>
                <td>1</td>
            </tr>
            <tr>
                <td>杨建伟</td>
                <td>599</td>
                <td>2</td>
            </tr>
            <tr>
                <td>李英翔</td>
                <td>597</td>
                <td>3</td>
            </tr>
            <tr>
                <td>刘新辉</td>
                <td>589</td>
                <td>4</td>
            </tr>
        </tbody>
        <!-- 表尾 -->
        <tfoot>
            <tr>
                <td colspan="3">
                    <!-- colspan是跨列的意思，合并单元格 -->
                    <strong>备注：</strong>
                    以上数据由2024届毕业生自主填报，如有雷同，概不负责。
                </td>
            </tr>
        </tfoot>
    </table>
</body>
</html>